<!--<div ui-content-for="title">-->
    <!--可以根据这个来修改title  比较好-->
  <!--<span>菜单</span>-->
<!--</div>-->

<div class="scrollable">
    <div class="scrollable-content">
        <div class='section section-break'>
            <div class="panel-group" ui-state="cuisine" ui-default="0">
                <div class="panel panel-default" ng-repeat="classify in classifySet">
                    <!--<div class="panel-heading" ui-set="{'cuisine': $index}" ng-click="hideIfOpen()">        -->
                    <div class="panel-heading"  ng-click="hideIfOpen($index)">        
                        <h4 class="panel-title">
                            {{ classify }} 
                        </h4>
                    </div>
                    <div ui-if="cuisine == {{$index}}">
                        <div class="panel-body">
                            <div class="list-group" ng-repeat="item in allCuisine | filter:classify">
                                <a class="list-group-item" href="">{{ item.name }}<i class="fa fa-jpy">{{ item.price }}</i>
                                    <ui-switch ng-model="choiceFlags[item.index]" class="pull-right"></ui-switch>

                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="section section-info">
            <h4>订单信息:</h4>
            <div class="list-group" ng-repeat="item in selectCuisine">
                <a class="list-group-item" href="">{{$index + 1}}.{{ item.name }}
                    <i class="fa fa-jpy pull-right">{{ item.price }}</i>
                </a>
            </div>
            
            <div ng-if="selectCuisine.length >  0 ">

                <div class="form-group">
                    <label>备注:</label>
                    <input type="text" 
                    ng-model="note"
                    class="form-control"
                    placeholder="备注内容">
                </div>

                <span class="pull-right">总额: &nbsp;&nbsp; 
                    <i class="fa fa-jpy ">{{orderPrice}}</i>
                </span>
                <button class="btn btn-primary btn-block" ng-click="submitOrder()">
                   提交 
                </button>
            </div>
        </div>

    </div>
</div>




